:root {
    --jobi-primary-color: rgb(90, 103, 231); /* #5a67e7 */
    --jobi-secundary-color: rgb(122, 133, 235); /* #5a67e7 */
    --jobi-alternative-color: rgb(146, 89, 231);
    --jobi-complementary-color: rgb(231, 218, 90);

    --jobi-primary-color-opacity-8: rgba(90, 103, 231, 0.8);
    --jobi-secundary-color-opacity-8: rgba(122, 133, 235, 0.8); /* #5a67e7 */
    --jobi-alternative-color-opacity-8: rgba(146, 89, 231, 0.8);
    --jobi-complementary-color-8: rgba(231, 218, 90, 0.8);

    --jobi-primary-color-O25: rgba(90, 103, 231, 0.25);
    --jobi-secundary-color-O25: rgba(122, 133, 235, 0.25); /* #5a67e7 */
    --jobi-alternative-color-O25: rgba(146, 89, 231, 0.25);
    --jobi-complementary-color-O25: rgba(231, 218, 90, 0.25);

    --jobi-sidebar-color: rgb(90, 103, 231);
    --jobi-sidebar-hover-bg-color: rgba(90, 103, 231, 0);
    --jobi-sidebar-hover-color: #000000;

    --jobi-sidebar-toggle-bg: rgb(90, 103, 231);
    --jobi-sidebar-toggle-color: rgb(255, 255, 255);
    --ic-sidebar-filtro: invert(0%);
    --ic-sidebar-filtro-hover: sepia(1) saturate(10000%) hue-rotate(210deg) brightness(0.8);

    --jobi-callot-border-color: rgb(211,214,248);
    --jobi-callot-bg-color: rgb(240 240 253);

    --jobi-tb-head: #D5D9FA; /* rgba(90, 103, 231, 0.25) */
    --jobi-tb-row: #F8F8FD; /* rgba(153, 195, 253, 0.1) */
    --jobi-input-shadow: rgba(90, 103, 231, 0.8);
    --jobi-input-rounded: 5px;

    /* */
}